@charset "UTF-8";
/* -------------------------------------------------
 * overlay css for dialog panel
 * ------------------------------------------------- */

$products_evaluation_container_height:		26em;

.category_outer_box{
	background-color: #ffffff;
	width: 100%;
	height: 6em;
	margin: 0 0 20px 0;
	.category_inner_box{
		width: 100%;
		height: 100%;
		
		.category{
			text-align: center;
			width: 25%;
			height: 100%;
			float: left;
			padding-top: 1em;
			a{
				font-size: 1.2em;
				img{
					width: 60%;
				}
			}
		}

		.notLast{
				border-right: 1px dashed #000;
		}
	}
}

.separation{
	width: 100%;
	height: 1px;
	background-color: #f2f2f2;
}

.hot_evaluation{
	width: 100%;
	height: 2.5em;
	margin-bottom: 0.5em;
	text-align: center;
	p{
		font-size: 2em;
		color:#0087e2;
	}
}


.products_evaluation_container{
	width: 100%;
	height: auto;

	a{
			font-size: 1.2em;
		}

	.big_box{
		width: 50%;
		height: $products_evaluation_container_height;
		float: left;
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
		text-align: center;
		box-sizing: border-box;
		img{
			max-height: 70%;
			margin-top: 30px;
		}
		
	}

	.small_box{
		width: 50%;
		height: $products_evaluation_container_height/2;
		float: left;
		border-right: 1px solid #f2f2f2;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		text-align: center;
		box-sizing: border-box;
		padding: 0 5%;
		img{
			max-height: 60%; 
		}

	}
}